<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="ProgId" content="Excel.Sheet">
  <meta name="Generator" content="WPS Office ET">
  <link id="Main-File" rel="Main-File" href="../02HTML与HTML5.html">
  <link rel="File-List" href="filelist.xml">
  <link rel="Stylesheet" href="stylesheet.css">
  <style>
<!-- @page
	{margin:1.00in 0.75in 1.00in 0.75in;
	mso-header-margin:0.51in;
	mso-footer-margin:0.51in;}
 -->  </style>
  <!--[if gte mso 9]>
   <xml>
    <x:WorksheetOptions>
     <x:DefaultRowHeight>285</x:DefaultRowHeight>
     <x:Selected/>
     <x:TopRowVisible>3</x:TopRowVisible>
     <x:Panes>
      <x:Pane>
       <x:Number>3</x:Number>
       <x:ActiveCol>3</x:ActiveCol>
       <x:ActiveRow>46</x:ActiveRow>
       <x:RangeSelection>D47</x:RangeSelection>
      </x:Pane>
     </x:Panes>
     <x:ProtectContents>False</x:ProtectContents>
     <x:ProtectObjects>False</x:ProtectObjects>
     <x:ProtectScenarios>False</x:ProtectScenarios>
     <x:PageBreakZoom>100</x:PageBreakZoom>
     <x:Print>
      <x:ValidPrinterInfo/>
      <x:PaperSizeIndex>9</x:PaperSizeIndex>
     </x:Print>
    </x:WorksheetOptions>
   </xml>
  <![endif]-->
  <script language="JavaScript">
	if (window.name!="frSheet")
		window.location.replace("../02HTML与HTML5.html");
	else
		parent.fnUpdateTabs(0);
</script>
 </head>
 <body link="blue" vlink="purple">
  <table width="1727" border="0" cellpadding="0" cellspacing="0" style='width:1295.25pt;border-collapse:collapse;table-layout:fixed;'>
   <col width="161" style='mso-width-source:userset;mso-width-alt:5152;'/>
   <col width="104" style='mso-width-source:userset;mso-width-alt:3328;'/>
   <col width="155" style='mso-width-source:userset;mso-width-alt:4960;'/>
   <col width="528" style='mso-width-source:userset;mso-width-alt:16896;'/>
   <col width="779" style='mso-width-source:userset;mso-width-alt:24928;'/>
   <tr height="19" style='height:14.25pt;mso-height-source:userset;mso-height-alt:285;'>
    <td class="xl65" height="19" width="161" style='height:14.25pt;width:120.75pt;' x:str>标签</td>
    <td class="xl65" width="104" style='width:78.00pt;' x:str>块/行标签</td>
    <td class="xl65" width="155" style='width:116.25pt;' x:str>属性</td>
    <td class="xl65" width="528" style='width:396.00pt;' x:str>格式</td>
    <td class="xl65" width="779" style='width:584.25pt;' x:str>示例</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" height="19" style='height:14.25pt;' x:str>&lt;head&gt;&lt;/head&gt;</td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl66"></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" height="19" style='height:14.25pt;' x:str>&lt;title&gt;&lt;/title&gt;</td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl66" x:str>&lt;title&gt;网页标题&lt;/title&gt;</td>
    <td class="xl66"></td>
   </tr>
   <tr height="114" style='height:85.50pt;'>
    <td class="xl67" height="178" rowspan="2" style='height:133.50pt;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>&lt;meta /&gt;</td>
    <td class="xl67"></td>
    <td class="xl66" x:str>name属性</td>
    <td class="xl66"></td>
    <td class="xl68" x:str>&lt;meta name=&quot;keywords&quot; content=&quot;HTML, CSS, JS, jQuery&quot; /&gt;<br/>&lt;meta name=&quot;description&quot; content=&quot;web前端技术，1+X证书制度&quot; /&gt;<br/>&lt;meta name=&quot;author&quot; content=&quot;WangZRY, wzry@qq.com&quot; /&gt;<br/>&lt;meta name=&quot;copyright&quot; content=&quot;版权所有©&quot; /&gt;<br/>&lt;meta name=&quot;generator&quot; content=&quot;HBuilder——DCloud&quot; /&gt;<br/>&lt;meta name=&quot;revisit-after&quot; content=&quot;seven days&quot; /&gt;</td>
   </tr>
   <tr height="64" style='height:48.00pt;'>
    <td class="xl67"></td>
    <td class="xl66" x:str>http-equiv属性</td>
    <td class="xl66"></td>
    <td class="xl69" x:str>&lt;meta http-equiv=&quot;refresh&quot; content=&quot;2;URL=http://www.w3school.com.cn&quot; /&gt;<span style='mso-spacerun:yes;'>&nbsp;&nbsp; </span><br/><font class="font26">指点迷津：该代码表示当前页面在2秒后自动刷新，并跳转到w3school官网。</font><font class="font2"><br/>&lt;meta http-equiv=&quot;content-Type&quot; content=&quot;text/html;charset=utf-8&quot; /&gt;<span style='mso-spacerun:yes;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><br/></font><font class="font26">此功能在HTML5中简化为：&lt;meta charset=&quot;utf-8&quot; /&gt;</font></td>
   </tr>
   <tr height="90" style='height:67.50pt;'>
    <td class="xl66" height="90" style='height:67.50pt;' x:str>&lt;span&gt;&lt;/span&gt;</td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl70" x:str>&lt;body&gt;<br/><span style='mso-spacerun:yes;'>&nbsp;&nbsp;&nbsp;&nbsp;</span>&lt;p&gt;&amp;lt;span&amp;gt;是&lt;span style=&quot;font-style:italic;&quot;&gt;行标签&lt;/span&gt;，没有确定的语义；<br/><span style='mso-spacerun:yes;'>&nbsp;&nbsp;&nbsp;&nbsp;</span>通常用于&lt;span style=&quot;font-size:22px;font-style:italic;&quot;&gt;修饰文本&lt;/span&gt;，以区别于周围其他文本。&lt;/p&gt;<br/>&lt;/body&gt;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" height="19" style='height:14.25pt;' x:str><font class="font0">&lt;div&gt;&lt;/div&gt;</font></td>
    <td class="xl66" x:str><font class="font0">块标签</font></td>
    <td class="xl66"></td>
    <td class="xl66" x:str><font class="font0">&lt;div&gt;待划分区域的内容&lt;/div&gt;</font></td>
    <td class="xl66"></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" height="140" rowspan="6" style='height:105.00pt;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">&lt;h1&gt;&lt;/h1&gt;</font></td>
    <td class="xl66" rowspan="6" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">块标签</font></td>
    <td class="xl71" rowspan="6" style='border-right:.5pt solid windowtext;border-bottom:none;' x:str>align属性<br/><font class="font27">left（文字左对齐）<br/>center（文字居中对齐）<br/>right（文字右对齐）</font></td>
    <td class="xl66" rowspan="6" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>&lt;h1 align=&quot;对齐方式&quot;&gt;文本内容&lt;/h1&gt;</td>
    <td class="xl72" rowspan="6" style='border-right:.5pt solid windowtext;border-bottom:none;' x:str>&lt;body&gt;<br/>   &lt;h1 align=&quot;center&quot;&gt;一级标题&lt;/h1&gt;<br/>   &lt;h2 align=&quot;center&quot;&gt;二级标题&lt;/h2&gt;<br/>   &lt;h3 align=&quot;left&quot;&gt;三级标题&lt;/h3&gt;<br/>   &lt;h4 align=&quot;right&quot;&gt;四级标题&lt;/h4&gt;<br/>   &lt;h5&gt;五级标题&lt;/h5&gt;<br/>   &lt;h6&gt;六级标题&lt;/h6&gt;<br/>   &lt;h7&gt;有七级标题吗？&lt;/h7&gt;<br/>&lt;/body&gt;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="32" style='height:24.00pt;mso-height-source:userset;mso-height-alt:480;'/>
   <tr height="32" style='height:24.00pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;mso-height-source:userset;mso-height-alt:285;'>
    <td class="xl66" height="118" rowspan="5" style='height:88.50pt;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">&lt;p&gt;&lt;/p&gt;</font></td>
    <td class="xl66" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">块标签</font></td>
    <td class="xl66" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">&lt;p align=&quot;对齐方式&quot;&gt;段落文字&lt;/p&gt;</font></td>
    <td class="xl75" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>&lt;body&gt;<br/>   &lt;p align=&quot;center&quot;&gt;美文欣赏&lt;/p&gt;<br/>   &lt;p&gt;人站得高些，不但能有幸早些领略到期望的曙光，还能有幸发现生命的立体的诗篇。每一个人的人生，都是这诗篇中的一个词、一个句子或者一个标点。你可能没有成为一个美丽的词，一个引人注目的句子，一个惊叹号，但你依然是这生命的立体诗篇中的一个音节、一个停顿、一个必不可少的组成部分。这足以使你放弃前嫌，萌发为人类孕育新的歌声的兴致，为世界带来更多的诗意。&lt;/p&gt;<br/>   &lt;p align=&quot;right&quot;&gt;——《站在历史枝头微笑》&lt;/p&gt;<br/>&lt;/body&gt;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="42" style='height:31.50pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;mso-height-source:userset;mso-height-alt:285;'>
    <td class="xl66" height="19" style='height:14.25pt;' x:str><font class="font0">&lt;br /&gt;</font></td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl66" x:str><font class="font0">&lt;p&gt;一段文字&lt;br /&gt;一段文字&lt;/p&gt;</font></td>
    <td class="xl66"></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" height="19" style='height:14.25pt;' x:str><font class="font0">&lt;hr /&gt;</font></td>
    <td class="xl66"></td>
    <td class="xl66"></td>
    <td class="xl66" x:str><font class="font0">&lt;p&gt;一段文字&lt;hr /&gt;一段文字&lt;/p&gt;</font></td>
    <td class="xl66"></td>
   </tr>
   <tr height="19" style='height:14.25pt;mso-height-source:userset;mso-height-alt:285;'>
    <td class="xl66" height="136" rowspan="5" style='height:102.00pt;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">&lt;font&gt;&lt;/font&gt;</font></td>
    <td class="xl66" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl78" rowspan="5" style='border-right:none;border-bottom:none;' x:str><font class="font6">&lt;font size=&quot;</font><font class="font28">数字</font><font class="font6">&quot; color=&quot;</font><font class="font28">颜色名</font><font class="font6">&quot; face=&quot;</font><font class="font28">字体族</font><font class="font6">&quot;&gt;</font><font class="font28">文字内容</font><font class="font6">&lt;/font&gt;</font></td>
    <td class="xl72" rowspan="5" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>&lt;body&gt;<br/>   &lt;p align=&quot;center&quot;&gt;美文欣赏&lt;/p&gt;<br/>   &lt;font size=&quot;3&quot; color=&quot;#666&quot; face=&quot;隶书&quot;&gt;人站得高些，不但能有幸早些领略到期望的曙光，还能有幸发现生命的立体的诗篇。每一个人的人生，都是这诗篇中的一个词、一个句子或者一个标点。你可能没有成为一个美丽的词，一个引人注目的句子，一个惊叹号，但你依然是这生命的立体诗篇中的一个音节、一个停顿、一个必不可少的组成部分。这足以使你放弃前嫌，萌发为人类孕育新的歌声的兴致，为世界带来更多的诗意。&lt;/font&gt;<br/>   &lt;font size=&quot;4&quot; color=&quot;#B91720&quot; face=&quot;宋体&quot;&gt;——《站在历史枝头微笑》&lt;/font&gt;<br/>&lt;/body&gt;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="60" style='height:45.00pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl80" height="19" style='height:14.25pt;' x:str><font class="font0">&lt;b&gt;&lt;/b&gt;</font></td>
    <td class="xl66" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">&lt;p align=&quot;center&quot;&gt;&lt;b&gt;美文&lt;/b&gt;欣&lt;strong&gt;赏&lt;/strong&gt;&lt;/p&gt;</font></td>
    <td class="xl66" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl81" height="19" style='height:14.25pt;' x:str><font class="font0">&lt;strong&gt;&lt;/strong&gt;</font></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" height="171" rowspan="9" style='height:128.25pt;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font0">预留字符</font></td>
    <td class="xl66" rowspan="9" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="9" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="9" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl80" x:str>空格         &amp;nbsp;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl73" x:str>“          &amp;quot;</td>
   </tr>
   <tr height="19" style='height:14.25pt;mso-height-source:userset;mso-height-alt:285;'>
    <td class="xl73" x:str>&amp;          &amp;amp;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl73" x:str>&lt;          &amp;lt;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl73" x:str>&gt;          &amp;gt;</td>
   </tr>
   <tr height="19" style='height:14.25pt;mso-height-source:userset;mso-height-alt:285;'>
    <td class="xl73" x:str>©（版权）      &amp;copy;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl73" x:str>™（商标）     <span style='mso-spacerun:yes;'>&nbsp; </span>&amp;trade;</td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl73" x:str><font class="font0">®（注册商标）    &amp;reg;</font></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl81" x:str><font class="font0">¥（人民币元）    &amp;yen;</font></td>
   </tr>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl82" height="191" rowspan="8" style='height:143.25pt;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font6">&lt;img /&gt;</font></td>
    <td class="xl83" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl66" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl84" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font5">&lt;img src=&quot;文件地址&quot; width=&quot;宽度值&quot; height=&quot;高度值&quot; border=&quot;边框值&quot; alt=&quot;文本&quot; /&gt;</font></td>
    <td class="xl80" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>&lt;body&gt;<br/> &lt;img src=&quot;img/beijing.jpg&quot; width=&quot;400&quot; height=&quot;auto&quot; border=&quot;3&quot; alt=&quot;这是一张图像&quot; /&gt;<br/>&lt;/body&gt;</td>
   </tr>
   <tr height="20" style='height:15.00pt;mso-height-source:userset;mso-height-alt:300;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl83" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl80" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:none;' x:str>align属性<br/>top、bottom、right、left、middle</td>
    <td class="xl66" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl80" rowspan="3" style='border-right:.5pt solid windowtext;border-bottom:none;' x:str>&lt;body&gt;<br/>    这是图像<br/>    &lt;img src=&quot;img/beijing.jpg&quot; width=&quot;400&quot; height=&quot;auto&quot; border=&quot;3&quot; alt=&quot;这是一张图像&quot;  align=&quot;middle&quot;&gt;   // 图像的中央与文本的中央对齐<br/>    以及常用属性<br/>&lt;/body&gt;</td>
   </tr>
   <tr height="57" style='height:42.75pt;'/>
   <tr height="19" style='height:14.25pt;'/>
   <tr height="19" style='height:14.25pt;'>
    <td class="xl66" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;'></td>
    <td class="xl80" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>水平间距hspace<br/>垂直间距vspace</td>
    <td class="xl85" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str><font class="font3">&lt;img src=&quot;图像文件的地址&quot; hspace=&quot;距离值&quot; vspace =&quot;距离值&quot; /&gt;</font></td>
    <td class="xl72" rowspan="2" style='border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;' x:str>&lt;img src=&quot;img/beijing.jpg&quot; width=&quot;400&quot; height=&quot;auto&quot; border=&quot;3&quot; alt=&quot;这是一张图像align=&quot;middle&quot; hspace=&quot;30&quot;&gt;<br/>图像左侧和右侧的文本与图像间隔30 px</td>
   </tr>
   <tr height="19" style='height:14.25pt;'/>
   <![if supportMisalignedColumns]>
    <tr width="0" style='display:none;'>
     <td width="161" style='width:121;'></td>
     <td width="104" style='width:78;'></td>
     <td width="155" style='width:116;'></td>
     <td width="528" style='width:396;'></td>
     <td width="779" style='width:584;'></td>
    </tr>
   <![endif]>
  </table>
 </body>
</html>
